<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>IISERK - Mailbox</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link href="/style.css" rel="stylesheet" type="text/css" />
	</head>

<body>
	
<div id="header">
	<div id="heading"><h1>IISERK - Mailbox</h1></div>
	<div id="logo"><a href="/"><img src="header-small.png"/></a></div>
</div>

<div id="content">
	<h2>Introducing IISER-K Mailbox</h2>
		<div id="info">
			<p>
			This is a web app meant to simplify the task of communicating course related information to all the students attending a specific course via e-mail. Something we all have to do from time to time, I guess. 
			</p>
			<p>
			<h2>Here's how it works:</h2>
			<ol>
				<li>You choose which courses you are attending curently (At this page).</li>
				<li>Somebody sends a mail to <a href="mailto:postman@iiserk.net">postman@iiserk.net</a> with the couse ID (e.g. &quot;MA324&quot;) in the subject.</li>
				<li>It is automatically delivered at your e-mail address.</li>
			</ol>
			</p>
		</div>
		<h2>Select your courses</h2><br>
		<div id="form">
			<form method="POST" action="/register" >
				<div style="padding:0;float:left;position:relative;width:20%;margin:0">
					<input type="checkbox" name="courses" value="MA315">ma315</input><br>
					<input type="checkbox" name="courses" value="PH315">ph315</input><br>
					<input type="checkbox" name="courses" value="CH315">ch315</input><br>
				</div>
				<div style="padding:0;float:left;position:relative;width:20%;margin:0">
					<input type="checkbox" name="courses" value="MA315">ma315</input><br>
					<input type="checkbox" name="courses" value="PH315">ph315</input><br>
					<input type="checkbox" name="courses" value="CH315">ch315</input><br>
				</div>	
				<div style="padding:0;float:left;position:relative;width:20%;margin:0">
					<input type="checkbox" name="courses" value="MA315">ma315</input><br>
					<input type="checkbox" name="courses" value="PH315">ph315</input><br>
					<input type="checkbox" name="courses" value="CH315">ch315</input><br>
				</div>
				<div style="padding:0;float:left;position:relative;width:20%;margin:0">
					<input type="checkbox" name="courses" value="MA315">ma315</input><br>
					<input type="checkbox" name="courses" value="PH315">ph315</input><br>
					<input type="checkbox" name="courses" value="CH315">ch315</input><br>
				</div>

				<div style="padding:0;float:left;position:relative;width:20%;margin:0">
					<input type="checkbox" name="courses" value="MA315">ma315</input><br>
					<input type="checkbox" name="courses" value="PH315">ph315</input><br>
					<input type="checkbox" name="courses" value="CH315">ch315</input><br>
				</div>

				<div style="text-align:center;padding:10px;clear:both">
					<br>
					<input type="submit" name="submit" value="submit"></input><br>
				</div>

			</form>
		</div>


</div>

</body>
</html>

